<template>
  <!-- 顶部 -->
  <AppNavbar />
  <!-- 头部 -->
  <AppHeader />
  <!-- 吸顶头部 -->
  <AppHeaderSticky />
  <!-- 内容容器 -->
  <div class="container">
    <!-- 二级路由 -->
    <router-view></router-view>
  </div>
  <!-- 底部 -->
  <AppFooter />
  <el-backtop :right="60" :bottom="100">
    <div
      style="
        height: 100%;
        width: 100%;
        background-color: var(--el-bg-color-overlay);
        box-shadow: var(--el-box-shadow-lighter);
        text-align: center;
        line-height: 40px;
        color: #27BA9B;
      "
    >
      UP
    </div>
  </el-backtop>
</template>
<script setup>
import AppNavbar from '@/components/app-navbar.vue';
import AppHeader from '@/components/app-header.vue';
import AppHeaderSticky from '@/components/app-header-sticky.vue';
import AppFooter from '@/components/app-footer.vue';
import { useStore } from 'vuex';

const store = useStore()
store.dispatch('category/getList')
</script>
<style scoped lang='less'>
  .container {
    min-height: 600px;
  }
</style>